@import '../../variable.less';
.main{
  width: 100%;
  height: 100%;
  background-image: url(https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/note-miniProgram/template/template-bg3.png);
  background-repeat: repeat;
  background-size: 50rpx 50rpx;
  overscroll-behavior: none;
  overflow: hidden;
  -webkit-overflow-scrolling:none;
  position: fixed;
  top:0;
  left:0;
}
.rijiti{
  font-family: 'rijiti';
}
.shigeti{
  font-family: 'shigeti';
}
.shuxinti{
  font-family: 'shuxinti';
}
.bg1{
  background-image: url(https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/note-miniProgram/template/diary-bg.png);
}
.bg2{
  background-image: url(https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/note-miniProgram/template/poem-bg.png);
}
.indicator{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:32rpx 0rpx;
  box-sizing: border-box;

  .dot{
    width: 24rpx;
    height: 24rpx;
    border-radius: 24rpx;
    background-color: rgba(0,0,0,0.3);
    margin-right: 20rpx;
    &:last-child{
      margin-right: 0rpx;
    }
    &.active{
      background-color: #da1919;
    }
  }
}
.swiper-wrap{
  width: 100%;
  height: calc(100vh - 160rpx);
  .swiper{
    width: 100%;
    height: 100%;
    .swiper-item{
      width: 100%;
      height: 100%;
      white-space: pre-line;
      .swiper-item-inner{
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        height: calc(100% - 40rpx);
        .content-wrap{
          width: 100%;
          overflow-y: auto;
          overflow-x: hidden;
          position: relative;
          height: calc(100% - 40rpx);
          &.flex-align-center{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin-top: -20rpx;
            .content{
              line-height: 96rpx!important;
            }
          }
          &::-webkit-scrollbar{
            display: none;
          }
          .title{
            font-size: @xb-fontsize;
            text-align: center;
            word-break: break-all;
            padding-bottom: 4rpx;
            margin-top: 10rpx;
            &.double-line{
              border-bottom: 1rpx solid #ff9d9d;
              &::after{
                content:' ';
                display: block;
                height: 4rpx;
                background-color: #ff9d9d;
                width: 100%;
                margin-top: 8rpx;
                position: absolute;
              }
            }
          }
          .content{
            margin-top: 24rpx;
            font-size: @m-fontsize;
            line-height: 72rpx;
            
          }
          .loading{
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
          }
        }
        
        &.riji{
          margin:auto;
          width: 666rpx;
          background-size: cover;
          background-position: center;
          background-image: url(https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/note-miniProgram/rj-bg.png);
          font-family: 'rijiti';
          padding: 64rpx;
          box-sizing: border-box;
        
          
        }
        
        &.shige{
          margin:auto;
          width: 720rpx;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          background-image: url(https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/note-miniProgram/sg-bg.png);
          font-family: 'shigeti';
          padding: 220rpx 128rpx 64rpx;
          box-sizing: border-box;
          background-position: center 0;
          text-align: center;
          .content{
            font-family: 'shigeti';

            .con-text{
              font-family: 'shigeti';
              text-align: left!important;
            }
          }
          .bottom-banner{
            width: 536rpx;
            height: 50rpx;
            background-color: #ae141d;
            position: absolute;
            bottom: 0rpx;
            left: 50%;
            transform: translateX(-50%);
            margin-left: 1rpx;
          }
        }
        &.shuxin{
          margin:auto;
          width: 666rpx;
          background-size: cover;
          background-position: bottom center;
          background-image: url(https://wanhuhealth.oss-cn-beijing.aliyuncs.com/static/note-miniProgram/shuxin-bg.png);
          font-family: 'shuxinti';
          padding: 64rpx;
          box-sizing: border-box;
          position: relative;
          
          .content{
            height: calc(100% - 360rpx);
            font-size: calc(@m-fontsize + 4rpx);
            overflow-y: auto;
            ::-webkit-scrollbar{
              display: none;
            }
          }
          .row{
            margin-top: 8rpx;
            white-space:nowrap;
            overflow: hidden;
            &::after{
              content:' ';
              width:100%;
              height: 1rpx;
              background-color: #ff9d9d;
              display: block;
              margin-top: 4rpx;
            }
          }
        }
      }
    }
   
  }
}
.fixed-bottom-btn{
  .share-btn{
    width: 680rpx;
    color: white;
    background-color: #da1919;
    border-radius: 60rpx;
    font-size: @s-fontsize!important;
    padding: 0rpx !important;
    border: none!important;
    height: 120rpx;
    line-height: 120rpx;
    &:after{
      display: none;
    }
  }
}

